<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Canvas</title>
		<link rel="stylesheet" href="../../layui/css/layui.css" media="all" />
		<script src="../../layui/lay/dest/layui.all.js"></script> 
		<script src="../../jsplugin/jquery-2.1.1.js"></script>
	    <script type="text/javascript" src="../../js/session.js"></script>
	</head>
	<body>
		<div class="layui-inline">
		    <a id="edite" class="layui-btn search_btn">保存</a><a id="fangda" class="layui-btn search_btn">放大</a><a id="suoxiao" class="layui-btn search_btn">缩小</a>
		</div>
<!--			<div class="layui-collapse" lay-accordion>-->
<!--  <div class="layui-colla-item">-->
<!--    <h2 class="layui-colla-title">ade</h2>-->
<!--    <div class="layui-colla-content layui-show"><a class="layui-btn layui-btn-primary" draggable="true" id="speed">wefwe</a>-->
<!--    <a class="layui-btn layui-btn-primary" draggable="true" id="speed1">wfwfw</a>-->
<!--    <a class="layui-btn layui-btn-primary" draggable="true" id="speed2">wefwe</a>-->
<!--    <a class="layui-btn layui-btn-primary" draggable="true" id="speed3">wefwefwe</a>-->
<!--    </div>-->
<!--  </div>-->
<!--  <div class="layui-colla-item">-->
<!--    <h2 class="layui-colla-title">李清照</h2>-->
<!--    <div class="layui-colla-content ">内容区域</div>-->
<!--  </div>-->
<!--  <div class="layui-colla-item">-->
<!--    <h2 class="layui-colla-title">鲁迅</h2>-->
<!--    <div class="layui-colla-content ">内容区域</div>-->
<!--  </div>-->
<!--</div>-->

		<div style="box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; ">
			
			
			<div  
				style=" width: 18%; height: 660px; float: left; border: 1px solid #000">
<div class="layui-tab">
  <ul class="layui-tab-title">
    <li class="layui-this">用例元素</li>
    <li>基本用例</li>
  </ul>
  <div class="layui-tab-content">
    <div class="layui-tab-item layui-show" id="yongli">
    </div>
    <ul class="layui-tab-item" id="demo1"></ul>
  </div>
</div>
				
				</div>
			<div  
				style="width: 60%; height: 660px; float: left; border: 1px solid #000 ;position:relative">
				
<!--				<div id="mycanvas" z-index="1"-->
<!--				style="width: 100%; height: 70%; float: left; border-bottom: 1px solid #000">-->
				<canvas id="canvasId" height="460px" width="800px" z-index="-1" style=" position:absolute"></canvas>
<!--				</div>-->
				<div id="caozuo" 
				style="width: 100%; height: 30%; float: left; "></div>
				</div>
			<div id="shuxing" 
				style="width: 20%; height: 660px; float: left; border: 1px solid #000"></div>
		</div>
		<script src="../../js/mychart/myCanvas.js">
</script>
	</body>
</html>
